/**
 * 页面重置样式表, 重置一些控件的默认样式
 * @author: haoran.shu
 * @date: 2017/8/3
 */
html {
  font-size: 62.5%;
}
body {
  margin: 0;
  font-size: 1.4em;
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
html, body {
  height: 100%;
}
div, input, header, footer {
  box-sizing: border-box;
}

/**
 * 1. 防止 img 指定「height」时图片高度不能按照宽度等比缩放，导致图片变形
    http://jsbin.com/aJoTUca/2
 * 2. 让图片支持响应式
 * 3. 去除现代浏览器图片底部的空隙
 */
img {
  height: auto; /* 1*/
  max-width: 100%; /* 2 */
  vertical-align: top; /* 3 */
}

p {
  font-size: 1.4rem;
  line-height: 1.5em;
  margin: 0;
}

h3 {
  font-size: 1.4rem;
  line-height: 1.5em;
  margin: 0;
}
h4 {
  font-size: 1.5rem;
  line-height: 1.6em;
  margin: 0;
}

a {
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}
/* ---------------------
   字体样式图标库: start
-----------------------*/


@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_396609_4zpgwfuarmeljtt9.eot?t=1504489886457'); /* IE9*/
  src: url('//at.alicdn.com/t/font_396609_4zpgwfuarmeljtt9.eot?t=1504489886457#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('//at.alicdn.com/t/font_396609_4zpgwfuarmeljtt9.ttf?t=1504489886457') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_396609_4zpgwfuarmeljtt9.svg?t=1504489886457#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-link:before { content: "\e635"; }

.icon-licai:before { content: "\e606"; }

.icon-telephone:before { content: "\e791"; }

.icon-invite:before { content: "\e60f"; }

.icon-phone:before { content: "\e60a"; }

.icon-edit:before { content: "\e83f"; }

.icon-topspeed:before { content: "\e60b"; }

.icon-location:before { content: "\e618"; }

.icon-precise:before { content: "\e62a"; }

.icon-security:before { content: "\e619"; }

.icon-mima:before { content: "\e625"; }

/* ---------------------
   字体样式图标库: end
-----------------------*/
/**
 * 所有页面通用的样式表
 * @author: haoran.shu
 * @date: 2017/8/24
 */
/* 三行布局 */
/* 按钮模块 */
body {
  background-color: #f5f5f5;
}
/* ---------------------
   上中下三行布局: start
-----------------------*/
/* 头部样式 */
header {
  width: 100%;
  height: 40px;
  background-color: white;
  padding: 0 20%;
  display: table;
}
header .column {
  display: table-cell;
  vertical-align: middle;
}
header .column-right {
  text-align: right;
}
header .title-group {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  border-left: 1px solid #cfcfcf;
  padding-left: 10px;
  color: #8a8a8a;
  font-size: 1.6rem;
}
header .logo {
  height: 23px;
  vertical-align: middle;
}
header a {
  color: black;
  font-size: 1.2rem;
  margin: .5em 1em;
  padding-bottom: .5em;
}
header .active-tab {
  border-bottom: 2px solid #328bf4;
}
header .btn {
  padding: .2em .5em;
  margin-left: 15px;
}
/* 中间内容部分 */
.container {
  padding: 0 20%;
  min-height: calc(100% - 40px - 180px);
  background-size: 100% 100%;
  position: relative;
}
/* 底部样式 */
.footer {
  height: 180px;
  padding: 10px 20%;
  background-color: #2f3239;
  font-size: 1.4rem;
}
.footer .inner-wrap {
  display: flex;
  justify-content: space-between;
}
.footer .col-title {
  font-size: 1.2rem;
  color: #fcfcfc;
  margin-bottom: 5px;
}
.footer .content {
  line-height: 22px;
  color: #abadab;
  font-size: 1rem;
}
.footer .content a {
  color: #fff;
}
.footer .qrcode-wrapper {
  text-align: center;
  color: white;
  font-size: 1rem;
}
.footer .qrcodeimg {
  width: 80px;
}
.footer .copyright {
  text-align: center;
  font-size: 1.2rem;
  color: #7d93a3;
}
.footer .copyright a {
  color: #5389d2;
  margin: 0 8px;
}
.footer .copyright .icp {
  color: #848484;
}
/* ---------------------
   上中下三行布局: start
-----------------------*/
/* ---------------------
   模块: start
-----------------------*/
/* button */
.btn {
  outline: none;
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
  text-align: center;
  padding: .4em 1em;
}
.btn-default {
  background-color: white;
  border: 1px solid #9a9a9a;
  color: #9a9a9a;
}
.btn-default:active {
  border-color: #4998f4;
  color: black;
}
.btn-primary {
  background-color: #4998f4;
  color: white;
}
.btn-primary:active {
  background-color: #318af3;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-radius {
  border-radius: 3px;
}
/* 浮动 */
.clearfix:after {
  content: "";
  display: block;
  /* 加入的这个元素转换为块级元素 */
  clear: both;
  /* 清除左右两边浮动 */
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
/**
* 统一用双线显示人民币符号「&yen;(￥)」
*/
.rmb,
.yuan {
  font-family: arial;
  font-style: normal;
}
/* ------------
   模块: end
---------------*/
